html(lang="en")
  head
    meta(charset="UTF-8")
    meta(name="viewport", content="width=device-width, initial-scale=1.0")
    title 首页
    link(rel="stylesheet", href="https://cdn.jsdelivr.net/npm/bootstrap@4.6.2/dist/css/bootstrap.min.css")
    link(rel="stylesheet", href="css/reset.css")
    link(rel="stylesheet", href="css/header.css")
    link(rel="stylesheet", href="css/footer.css")
    link(rel="stylesheet", href="css/index.css")
    
  body 
    include common/header.pug

    div.banner
      div.banner-list
        img(src="images/banner.webp", alt="", srcset="")
        .desc 
          img.main-logo(src="../images/main-logo.png", alt="")
          img.main-txt(src="../images/logo-text.png", alt="")

    div.hot-product
      .top-desc
        .product-title 
          p 人气商品

      .prod-list
        ul 
          li
            div.content 
              a(href="") 
                img(src="images/prod.webp", alt="")
                div FULL SET
          li
            div.content 
              a(href="") 
                img(src="images/prod.webp", alt="")
                div FULL SET
          li
            div.content 
              a(href="") 
                img(src="images/prod.webp", alt="")
                div FULL SET
          li
            div.content 
              a(href="") 
                img(src="images/prod.webp", alt="")
                div FULL SET

    
    div.new-product
      div.bg
        h3.title ホット新着

        .prod-list
          ul 
            li
              div.content 
                a(href="") 
                  img(src="images/prod.webp", alt="")
              div.prod-text
                a(href="")
                  div.title 测试标题 测试标题 测试标题 测试标题 测试标题 测试标题 测试标题 测试标题 测试标题 测试标题 测试标题 测试标题 测试标题 测试标题 测试标题 测试标题 测试标题 测试标题 测试标题 测试标题 测试标题 测试标题 测试标题 测试标题 
                  div 测试价格测试价格
            li
              div.content 
                a(href="") 
                  img(src="images/prod.webp", alt="")
              div.prod-text
                a(href="")
                  div.title 测试标题 测试标题 测试标题 测试标题 测试标题 测试标题 
                  div 测试价格测试价格
            li
              div.content 
                a(href="") 
                  img(src="images/prod.webp", alt="")
              div.prod-text
                a(href="")
                  div.title 测试标题 测试标题 测试标题 测试标题 测试标题 测试标题 
                  div 测试价格测试价格
            li
              div.content 
                a(href="") 
                  img(src="images/prod.webp", alt="")
              div.prod-text
                a(href="")
                  div.title 测试标题 测试标题 测试标题 测试标题 测试标题 测试标题 
                  div 测试价格测试价格


    div.product-list
      h3.title Hot Sales
      div.list
        ul 
          li
            span.label 新品
            div.content 
              a(href="") 
                img(src="images/prod.webp", alt="")
            .prod-text
              a(href="")
                div.title 测试标题 测试标题 测试标题 测试标题 测试标题 测试标题 
                div 测试价格测试价格
          li
            div.content 
              a(href="") 
                img(src="images/prod.webp", alt="")
            .prod-text
              a(href="")
                div.title 测试标题 测试标题 测试标题 测试标题 测试标题 测试标题 
                div 测试价格测试价格
          li
            div.content 
              a(href="") 
                img(src="images/prod.webp", alt="")
            .prod-text
              a(href="")
                div.title 测试标题 测试标题 测试标题 测试标题 测试标题 测试标题 
                div 测试价格测试价格
          li
            div.content 
              a(href="") 
                img(src="images/prod.webp", alt="")
            .prod-text
              a(href="")
                div.title 测试标题 测试标题 测试标题 测试标题 测试标题 测试标题 
                div 测试价格测试价格
          li
            div.content 
              a(href="") 
                img(src="images/prod.webp", alt="")
            .prod-text
              a(href="")
                div.title 测试标题 测试标题 测试标题 测试标题 测试标题 测试标题 
                div 测试价格测试价格

    
    div.search-info
      div.sub-title 更新、割引、特別オファー、大きな賞を得る!
      div.title 購読する
      div.search
        div 
          input(type="text" placeholder="请输入")
          button 搜索
    
    
    include common/footer.pug
    


    script(src="https://cdn.jsdelivr.net/npm/jquery@3.5.1/dist/jquery.slim.min.js") 
    script(src="https://cdn.jsdelivr.net/npm/bootstrap@4.6.2/dist/js/bootstrap.bundle.min.js") 